// ** React Imports
import { useContext } from 'react'

// ** Styles
import './index.scss'

const TopNav = () => {
  return (
    <div className="left-top dis-flex gap-6">
      <div className="flex1-5">
        <div className="box-title">社区人口</div>
        <div className="left-top-content box-content pad-10">
          <div>
            <div className="key">流动人口</div>
            <div className="value">322</div>
          </div>
          <div>
            <div className="key">户籍人口</div>
            <div className="value">212</div>
          </div>
          <div>
            <div className="key">空挂人口</div>
            <div className="value">82</div>
          </div>
        </div>
      </div>
      <div className="flex1">
        <div className="box-title">今日在线</div>
        <div className="left-top-content box-content pad-10">
          <div>
            <div className="key">设备在线</div>
            <div className="value">1202</div>
          </div>
        </div>
      </div>
    </div>
  )
}

export default TopNav
